<template>
  <van-swipe class="my-swipe" :autoplay="3000">
    <van-swipe-item v-for="i in swiperArr" :key="i.bannerId">
      <a href="#">
        <img v-lazy="i.pic" alt="" />
      </a>
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default {
  props: {
    swiperArr: {
      type: Array,
      default: () => [],
      require: true
    }
  }
}
</script>

<style lang="scss">
@import "@/assets/css/mixin.scss";
.my-swipe .van-swipe-item {
  font-size: 20px;
  line-height: 300px;
  text-align: center;
}
img {
  height: 300px;
}
.van-swipe__indicator {
  width: 15px;
  height: 15px;
}
.van-swipe__indicator--active {
  width: 15px;
  height: 15px;
  @include bg_color();
}
</style>
